<template>
	<view class="img_item">
		<image :src="img"></image>
		<text class="name">{{this.user.uname}}</text>
		<text class="phone">{{this.phone}}</text>
	</view>
	<view class="img_itemss">
		<image src="../../static/myorder.png" ></image>
	</view>
	<view class="order_item">
		<view class="order_view">
			<image src="../../static/quanbudingdan.png" class="order_img"></image>
			<text class="order_text">全部订单</text>
		</view>
		<view class="order_view">
			<image src="../../static/daifukuan.png" class="order_img"></image>
			<text class="order_text">代付款</text>
		</view>
		<view class="order_view">
			<image src="../../static/daitihuo.png" class="order_img"></image>
			<text class="order_text">待提货</text>
		</view>
		<view class="order_view">
			<image src="../../static/yiwancheng.png" class="order_img"></image>
			<text class="order_text">已完成</text>
		</view>
		<view class="order_view">
			<image src="../../static/tuikuan.png" class="order_img"></image>
			<text class="order_text">退款/售后</text>
		</view>
	</view>
	<image src="../../static/bannermy.png" class="bannermy"></image>
	<view class="ziti">
		<text class="ziti_text">美佳宜字体店</text>
		<text class="ziti_right">切换自提店</text>
		<image src="../../static/qiehuan.png" class="ziti_icon"></image>
	</view>
	<view class="ziti_content">
		<text class="dizhi">门店地址:{{this.address}}</text>
		<text style="margin-left: 15px;margin-top: 12px;">门店编号:{{this.address}}</text>
	</view>
	<view class="anniu">
		<view class="daohang">
			<image src="../../static/address_icon.png"></image>
			<text>导航到店</text>
		</view>
		<view class="daohang">
			<image src="../../static/tell_icon.png"></image>
			<text>联系门店</text>
		</view>
	</view>
	<view class="img_items">
		<image src="../../static/gengduotuijian.png" class="gengduo"></image>
	</view>
	<view class="dibu">
		<text class="dibu_left">卡卷包</text>
		<image src="../../static/right.png" class="dibu_right"></image>
	</view>
<!-- 	<view class="dibu">
		<text class="dibu_left">新蚁团长</text>
		<image src="../../static/right.png" class="dibu_right"></image>
	</view> -->
	<view class="dibu">
		<text class="dibu_left">管理提货人</text>
		<image src="../../static/right.png" class="dibu_right"></image>
	</view>
	<view class="dibu">
		<text class="dibu_left">关于我们</text>
		<image src="../../static/right.png" class="dibu_right"></image>
	</view>
	<view class="dibu">
		<text class="dibu_left">联系客服</text>
		<image src="../../static/right.png" class="dibu_right"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user: '',
				img: '',
				phone: '',
				address: '湖南省长沙市'
			}
		},
		onLoad() {
			this.user = uni.getStorageSync('user')
			this.getUser()
		},
		methods: {
			getUser() {
				var _self = this;
				uni.request({
					url: 'https://www.xinyixjc.com/miniapp/api/getUser',
					method: 'POST',
					data: {
						userId: this.user.id

					},
					//post提交的时候加上这个header
					header: {
						'Content-Type': 'application/x-www-form-urlencoded',
						'X-Requested-With': 'xmlhttprequest'
					},
					success: (res) => {
						if (res.data.status == 1001) {
							this.img = res.data.data.url
							this.phone = res.data.data.tell
							console.log(this.img);
						}

					}
				});
			},
		}
	}
</script>

<style lang='scss'>
	.dibu {
		width: 100%;
		height: auto;
		margin-top: 15px;
		display: flex;
		padding-bottom: 20px;
		align-items: center;
		flex-direction: row;
	}

	.dibu_left {
		width: 90%;
		margin-left: 15px;
		color: #222222;
		font-size: 15px;
	}

	.dibu_right {
		width: 15px;
		height: 15px;
		margin-right: 15px;
	}

	.anniu {
		width: 100%;
		height: 42px;
		margin-top: 20px;
		display: flex;
		flex-direction: row;
	}



	.daohang image {
		width: 15px;
		height: 15px;
	}

	.daohang {
		width: 50%;
		height: 40px;
		border: 1px solid black;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	.ziti_content {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
	}

	.dizhi {
		width: 100%;
		height: auto;
		margin-top: 20px;
		margin-left: 15px;
	}

	.ziti_text {
		width: 70%;
		margin-left: 15px;
		color: white;
		font-size: 15px;
	}

	.ziti_icon {
		width: 15px;
		height: 15px;
		margin-right: 15px;
	}

	.ziti_right {
		width: 25%;
		color: white;
		font-size: 14px;

	}

	.ziti {
		width: 100%;
		height: 40px;
		margin-top: 20px;
		display: flex;
		align-items: center;
		flex-direction: row;
		background: url('../../static/heisebg.png');
	}

	.img_items {
		width: 100%;
		height: auto;
		margin-top: 30px;
		display: flex;
		flex-direction: row;
		margin-top: 40px;
		justify-content: center;
	}

	.img_itemss {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.img_items image {
		width: 110px;
		height: 50px;
	}

	.img_item {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.bannermy {
		width: 100%;
		height: 94px;
		margin-top: 40px;
	}

	.order_view {
		width: 20%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}



	.order_item {
		width: 100%;
		height: auto;
		margin-top: 15px;
		display: flex;
		margin-right: 25px;
		flex-direction: row;

	}

	.order_text {
		font-size: 12px;
	}

	.order_img {
		width: 30px;
		height: 30px;
		margin-bottom: 5px;
	}

	.img_item image {
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}

	.name {
		font-size: 16px;
		color: black;
		margin-top: 5px;
	}



	.phone {
		font-size: 12px;
		color: #979797;
		margin: 5px;
	}

	.img_itemss image {
		width: 60px;
		height: 50px;
		margin-top: 30px;
	}
</style>
